
<script setup lang="ts">
// import { useI18n } from '@/hooks/useI18n.ts'
// import { useLocale } from '@/locales/useLocale.ts'
//
// const { t } = useI18n()
//
// const { changeLocale } = useLocale()
//

import { $t } from '@/locales'
import { useChangeLocale } from '@/hooks/useChangeLocale'
</script>

<template>
  <div class="p-[20px]">
    {{ $t('home.h') }}
    <br />
    <br />
    <br />
    <a-button class="mt-[10px]" @click="useChangeLocale('zh-CN')" type="primary">中文</a-button>
    <br />
    <br />
    <br />
    <a-button class="mt-[10px]" @click="useChangeLocale('en-US')" type="primary">English</a-button>

    <br />
    <br />
    <br />
    <br />

    {{ $t('common.yes') }}

    <br />
    <br />
    <br />
    {{ $t('common.enabled') }}
  </div>
</template>
